<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车页-绝地求生周边商城</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
    <!-- 头部 -->
    <header></header>
  
    <!-- 中间 -->
    <!-- 无收藏数据时 -->
    <div class="cart-empty" style="display: block;">
        <p>购物车空空如也，赶紧选购我们的商品吧！<a href="../index.html" target="_self">【去逛逛】</a></p>
    </div>
    <!-- 收藏信息 -->
    <div class="wrap" style="display: none;">
        <div class="container">
            <div class="mycart">
                <div class="mycart-th">
                    <p class="fl sp-1">&nbsp;</p>
                    <p class="fl sp-2">&nbsp;</p>
                    <p class="fl sp-3">商品信息</p>
                    <p class="fl sp-4">&nbsp;</p>
                    <p class="fl sp-5">单价（元）</p>
                    <p class="fl sp-6">数量</p>
                    <p class="fl sp-7">金额（元）</p>
                    <p class="fl sp-8">操作</p>
                </div>
                <div class="mycart-shop">
                    <span class="gg">
                        <i class="iconfont icon-gou"></i>
                    </span>
                    <em>绝地求生供应商：衍界</em>
                </div>
                <!-- 收藏商品明细 -->
                <div class="mycart-list">
                    <div class="mycart-tb">
                        <p class="fl sp-1">
                            <span class="gg">
                                <i class="iconfont icon-gou"></i>
                            </span>
                        </p>
                        <p class="fl sp-2">
                            <a href="">
                                <img src="../img/20190219145221_496669.jpg" alt="">
                            </a>
                        </p>
                        <p class="fl sp-3">PUBG恐龙乐园T恤</p>
                        <p class="fl sp-4">尺码：S/165</p>
                        <p class="fl sp-5">
                            <del>299.00</del>
                            168.00
                        </p>
                        <p class="fl sp-6">
                            <span>-</span>
                            <input type="text" value="1">
                            <span>+</span>
                        </p>
                        <p class="fl sp-7">168.00 元</p>
                        <p class="fl sp-8">
                            <a href="">
                                删除
                            </a>
                            <a href="">
                                移入收藏夹
                            </a>
                        </p>

                    </div>
                    
                </div>
                <!-- 结算 -->
                <div class="mycart-tf">
                    <div class="mycart-tf-info">
                        <p>
                            已选商品
                            <span>0</span>
                            件 &nbsp;总价：
                            <span>
                                0.00元
                            </span>
                        </p>
                        <p>不含运费和其他优惠</p>
                    </div>
                    <a href="" class="mycart-tf-btn">去结算</a>
                </div>
            </div>
            
        </div>
     
        
    </div>
       <!-- 推荐 -->
    <div class="myrecomm">
        <h2>
            为你推荐
        </h2>
        <ul>
            <li>
                <a href="">
                    <img src="../img/20190219145221_496669.jpg" alt="">
                </a>
                <p>周年典藏礼盒标准版</p>
                <span>518.00</span>
                <del>599.00</del>
            </li>
            <li>
                <a href="">
                    <img src="../img/20190219145221_496669.jpg" alt="">
                </a>
                <p>周年典藏礼盒标准版</p>
                <span>518.00</span>
                <del>599.00</del>
            </li>
            <li>
                <a href="">
                    <img src="../img/20190219145221_496669.jpg" alt="">
                </a>
                <p>周年典藏礼盒标准版</p>
                <span>518.00</span>
                <del>599.00</del>
            </li>
            <li>
                <a href="">
                    <img src="../img/20190219145221_496669.jpg" alt="">
                </a>
                <p>周年典藏礼盒标准版</p>
                <span>518.00</span>
                <del>599.00</del>
            </li>
            <li>
                <a href="">
                    <img src="../img/20190219145221_496669.jpg" alt="">
                </a>
                <p>周年典藏礼盒标准版</p>
                <span>518.00</span>
                <del>599.00</del>
            </li>
        </ul>
    </div>
    <!-- 尾部 -->
   <footer></footer>
    <!-- 回到顶部 -->
    <div class="topnav">
       
            <div class="top">
                <span class="iconfont icon-shangsanjiaoxing"></span>
                <p>top</p>
            </div>
            <div class="top1">
                <p>返回顶部</p>
            </div>
    </div>
    <!-- 弹出信息 -->
    <div class="alert" style="display: none;">
        <div class="alert-main">
            <h4>
                温馨提示
            </h4>
            <a href="" class="alert-closs">X</a>
            <p>请先选着要结算的商品哦~</p>
            <a href="" class="alert-btn">
                确定
            </a>
        </div>
    </div>
    <script src="/lib/requirejs/require.min.js" data-main="/js/cart"></script>
</body>
</html>